﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Webservices.Default" Culture="En-US" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Airport webservice</title>
    <style type="text/css">
    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    body
    {
        text-align:center;
        margin:0;
        padding-top:8px;
        border-top:8px solid #990000;
    }
    #wrapper
    {
        width:800px;
        margin:0 auto;
        text-align:left;
    }
    #map_canvas
    {
        width:800px;
        height:500px;
    }
    </style>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxSPW5CJgpdgO_s4yyMovOaVh_KvvhSfpvagV18eOyDWu7VytS6Bi1CWxw"></script>
    
    <script type="text/javascript">
        var latitude = <%= Session["latitude"] %>;
        var longitude = <%= Session["longitude"] %>;

        function initialize() {
            var latlng = new google.maps.LatLng(latitude, longitude);
		    var settings = {
			        zoom: 15,
			        center: latlng,
			        mapTypeControl: true,
			        mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
			        navigationControl: true,
			        navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
			        mapTypeId: google.maps.MapTypeId.SATELLITE
                };

            var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
        }
        /*
                var latitude = 56.150000000000;
        var longitude = 10.216666666667;
        */

    function initialize2() {
      var myPano = new GStreetviewPanorama(document.getElementById("map_canvas"));
      //,
      fenwayPark = new GLatLng(55.683996,12.593291);
      myPOV = {yaw:0,pitch:5};
      myPano.setLocationAndPOV(fenwayPark, myPOV);
    }


        window.onload = function(){
            if(latitude != null && longitude != null){
                initialize();
            }
        };
    </script>
</head>
<body>
<div id="wrapper">
    <form id="form1" runat="server">
    <asp:BulletedList ID="uiCountryList" runat="server" DisplayMode="HyperLink">
    </asp:BulletedList>
    </form>
    <div id="map_canvas"></div>
</div>
</body>
</html>
